import React from 'react';
import {connect} from 'dva';
import {Layout} from 'antd';
import './index.less';
import BaseComponent from "components/Base/BaseComponent";

const {Content} = Layout;

@connect()
export default class extends BaseComponent {

  render() {

    return (
      <div className='html-demo'>

        <h1>h1</h1>
        <h2>h2</h2>
        <p>pppppppppppppppppppp</p>
        <hr/>
        <p>pppppppppppppppppppp</p>

        <tt>打印机字体</tt>
        <cite>通常举例，斜体</cite>
        <em>表示强调，斜体</em> 这些强调的，在搜索引擎中都是会识别优先考虑
        <strong>表示强调，粗体</strong>
        <big>大型字体</big>
        <small>小型字体</small>

        <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School</a>

        <p className='p1'>bdhjsbdhbshdbjhdbjhbsdhjbdjsb</p>

        <p className='p2'>bdhjsbdhbshdbjhdbjhbsdhjbdjsb</p>

        <img src="url" alt="加载失败"/>

        <p>创建图片链接:
          <a href="//www.runoob.com/html/html-tutorial.html">
            <img border="10" src="https://www.runoob.com/try/demo_source/smiley.gif" alt="HTML 教程"
                 width="32" height="32"/></a>
        </p>
      </div>
    );
  }
}
